<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米商城</title>

    <link rel="stylesheet" href="./iconfont/iconHeader/iconfont.css">
    <link rel="stylesheet" href="./css/components/style.css">
    <link rel="stylesheet" href="./css/components/homeHeader.css">
    
</head>
<body>
    <!-- 小米首页 -->
    <div id="app">
        <!-- 头部 -->
        <div>
            <div class="header">
                <!-- 上头部 -->
                <div class="site-topbar">
                   <div class="container">
                        <div class="topbar-nav">
                            <a href="#">小米商城</a>
                            <span class="sep">|</span>
                            <a href="#">MIUI</a>
                            <span class="sep">|</span>
                            <a href="#">loT</a>
                            <span class="sep">|</span>
                            <a href="#">云服务</a>
                            <span class="sep">|</span>
                            <a href="#">有品</a>
                            <span class="sep">|</span>
                            <a href="#">小爱开放平台</a>
                            <span class="sep">|</span>
                            <a href="#">企业团购</a>
                            <span class="sep">|</span>
                            <a href="#">资质证照</a>
                            <span class="sep">|</span>
                            <a href="#">协议规则</a>
                            <span class="sep">|</span>
                            <a href="#" class="topbar-download">
                                下载APP
                                <span class="sj"></span>
                                <span class="appcode">
                                    <img src="./images/93650133310ec1c385487417a472a26c.png" alt="小米商城">
                                    小米商城
                                </span>
                            </a>
                            <span class="sep">|</span>
                            <a href="#">Select Location</a>
                        </div>
                        <div class="topbar-cart">
                                <a href="#" class="cart-mini">
                                    <em class="iconfont icon-gouwuche1"></em>
                                    <!-- <em class="iconfont icon-gouwuche" id="hide"></em> -->
                                        购物车
                                    <span class="cart-mini-num">(0)</span>
                                </a>

                                <div class="cart-content">
                                    <div class="msg">
                                        你还没有加入购物车哦！
                                    </div>
                                </div>
                        </div>
                        <div class="topbar-info">
                            <a href="./html/login-html/login.html" class="link">登陆</a>
                            <span class="sep">|</span>
                            <a href="./html/login-html/register.html" class="link">注册</a>
                            <span class="sep">|</span>
                            <a href="#" class="message">消息通知</a>
                        </div>
                   </div>
                </div>
                <!-- 下头部 -->

                <div class="header-menu">
                    <div class="header-menu02">
                        <div class="header-logo">
                            <a href="#"><img src="./images/favicon.ico"></a>
                        </div>

                        <div class="header-nav">
                            <a href="#" data-id="1">小米手机</a>
                            <a href="#" data-id="2">Redmi 红米</a>
                            <a href="#" data-id="3">电视</a>
                            <a href="#" data-id="4">笔记本</a>
                            <a href="#" data-id="5">家电</a>
                            <a href="#" data-id="6">路由器</a>
                            <a href="#" data-id="7">智能硬件</a>
                            <a href="#" name="xmPhone">服务</a>
                            <a href="#" name="xmPhone">社区</a>	
                         
                            <!-- <div class="header-nav-div">
                                <ul class="header-nav-ul">

                                    <li><a href="#">
                                        <div class="figue">
                                            <img src="./images/2b0d7d2c85734b80a1b8d1a4100c9c1f.png" alt="">
                                        </div>
                                        <div class="title">小米cc9 pro</div>
                                        <p class="price">2999</p>
                                    </a></li>

                                </ul>
                            </div>			 -->

                        </div>
                        
                        <div class="header-sou">
                            <form>
                                <input type="text" placeholder=" 小米9,小米9SE" />
                                <input type="submit" value="" class="sou2"/>
                            </form>
                        </div>
                    </div>
                </div>


            </div>
        </div>


        <!-- 内容1 -->
        <!-- <div></div> -->
        <!-- 内容2 -->
        <!-- <div></div> -->
        <!-- 侧边栏 -->
        <!-- <div></div> -->
        <!-- 底部 -->
        <!-- <div></div> -->
    </div>
</body>
<script src="./js/home/homeHeader.js"></script>
</html>


